<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>发布供应</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../../style/wangeditor.css" />
    <link rel="stylesheet" href="../../../../style/index.css" />
    <style>
      .el-descriptions-item__label {
        width: 300px;
      }
      .kuang{
        width: 100%;
      }
    </style>
  </head>

  <body>
    <div id="app" v-cloak class="minWidth">
      <yl-page-header content="供应单"></yl-page-header>
      <el-form
        :model="form"
        :rules="rules"
        ref="contract"
        inline-message="true"
        style="width: 100%"
      >
        <div class="table_titel">
          <div class="titel">食用菌品种</div>
        </div>
        <div class="operation">
        <el-descriptions
          :column="1"
          border
          size="small"
        >
          <el-descriptions-item label="食用菌品种">
            <el-form-item prop="VarietyName">
              <el-select 
              v-model="is_VarietyId" 
              @change="handleChange"
              filterable 
              placeholder="请选择" 
              class="kuang"
              >
                <el-option
                  v-for="item in iJSONArray_Variety"
                  :key="item.VarietyID"
                  :label="item.VarietyName"
                  :value="item.VarietyID"
                  >
                </el-option>
              </el-select>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <div class="table_titel">
          <div class="titel">等级</div>
        </div>
        <el-descriptions
          :column="2"
          border
          size="small"
        >
          <el-descriptions-item label="等级">
            <el-form-item prop="GradeName">
              <el-select v-model="is_VarietyGrade_Id" placeholder="请选择"
              class="kuang">
                <el-option
                  v-for="item in iJSONArray_VarietyGrade"
                  :key="item.GradeID"
                  :label="item.GradeName"
                  :value="item.GradeID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <div class="table_titel">
          <div class="titel">产地</div>
        </div>
        <el-descriptions
            :column="6"
            border
            size="small"
          >
            <el-descriptions-item label="产地">
              <el-form-item prop="Origin">
                <el-input
                v-model="form.Origin"
                placeholder="请输入产地"
              ></el-input>
              </el-form-item>
            </el-descriptions-item>
          </el-descriptions>
        <div class="table_titel">
          <div class="titel">单价</div>
        </div>
        <el-descriptions
        :column="3"
        border
        size="small"
        :min="1"
      >
        <el-descriptions-item label="单价">
          <el-form-item prop=" UnitPrice">
            <el-input-number v-model="form.UnitPrice" size="medium" :min="1"></el-input-number>/元
            <!-- <el-select v-model="is_Unit" placeholder="单位" style="width: 80px">
              <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              ></el-option>
            </el-select> -->
          </el-form-item>
        </el-descriptions-item>
      </el-descriptions>
        <div class="table_titel">
          <div class="titel">发布日期</div>
        </div>
        <el-descriptions
          :column="3"
          border
          size="small"
        >
          <el-descriptions-item label="发布日期">
            <el-form-item prop="QuotationDate">
              <el-date-picker
                v-model="form.QuotationDate"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <!-- <div class="table_titel">
          <div class="titel">终止日期</div>
        </div>
        <el-descriptions
          :column="4"
          border
          size="small"
        >
          <el-descriptions-item label="终止日期">
            <el-form-item prop="EndDate">
              <el-date-picker
                v-model="form.EndDate"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions> -->
        <div class="table_titel">
          <div class="titel">供应量</div>
        </div>
        <el-descriptions
        :column="5"
        border
        size="small"
      >
        <el-descriptions-item label="供应量">
          <el-form-item prop=" SupplyQuantity">
            <el-input-number v-model="form.SupplyQuantity" size="medium" :min="1"></el-input-number>
            <el-select v-model="is_Unit" placeholder="单位" style="width: 80px">
              <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-descriptions-item>
      </el-descriptions>
      <div class="table_titel">
        <div class="titel">提货方式</div>
      </div>
      <template>
        <el-radio v-model="radio" label="1">面对面自提</el-radio>
        <el-radio v-model="radio" label="2">运输</el-radio>
      </template>
      <el-descriptions
      :column="6"
      border
      size="small"
      style="margin-top: 10px;"
    >
      <el-descriptions-item label="提货点/发货地">
        <el-form-item prop="Self_Pickup_Location">
          <el-input
          v-model="form.Self_Pickup_Location"
          placeholder="请输入提货点或发货地"
        ></el-input>
        </el-form-item>
      </el-descriptions-item>
    </el-descriptions>
        <div class="table_titel">
          <div class="titel">收款方式</div>
        </div>
        <el-descriptions
          :column="7"
          border
          size="small"
        >
          <el-descriptions-item label="定金(合同签订后)">
            <el-form-item prop="dj">
              <el-input
              v-model="dj.dje"
              placeholder="请输入定金额度比"
            ></el-input>
            <el-input
              v-model="dj.djs"
              placeholder="请输入定金付款时期"
            ></el-input>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <el-descriptions
          :column="8"
          border
          size="small"
        >
          <el-descriptions-item label="发货(上传物流信息后后)">
            <el-form-item prop="fh">
              <el-input
              v-model="fh.fhe"
              placeholder="请输入发货额度比"
            ></el-input>
            <el-input
              v-model="fh.fhs"
              placeholder="请输入发货付款时期"
            ></el-input>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <el-descriptions
          :column="9"
          border
          size="small"
        >
          <el-descriptions-item label="到货(预计到达时间前)">
            <el-form-item prop="dh">
              <el-input
              v-model="dh.dhe"
              placeholder="请输入到货额度比"
            ></el-input>
            <el-input
              v-model="dh.dhs"
              placeholder="请输入到货付款时期"
            ></el-input>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <el-descriptions
          :column="10"
          border
          size="small"
        >
          <el-descriptions-item label="尾款(收货后)">
            <el-form-item prop="wk">
              <el-input
              v-model="wk.wke"
              placeholder="请输入尾款额度比"
            ></el-input>
            <el-input
              v-model="wk.wks"
              placeholder="请输入尾款付款时期"
            ></el-input>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
        <div style="height: 90px"></div>
        <el-form-item class="form-operation">
          <el-button @click="window.history.back()">返回</el-button>
          <el-button
            type="primary"
            :loading="loading"
            @click="czd('contract')"
            >提交</el-button
          >
        </el-form-item>
      </el-form>
    </div>
    <script
      type="text/javascript"
      src="../../../../utils/wangeditor.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../../utils/vuex.min.js"></script>
    <script
      type="text/javascript"
      src="../../../../component/elementUI/index.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../component/component.js"
    ></script>
    <script type="text/javascript" src="../../../../config/config.js"></script>
    <script
      type="text/javascript"
      src="../../../../utils/compressor.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/ID_Validity.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/utils.js"></script>
    <script type="text/javascript" src="../js/add.js"></script>
  </body>
</html>
